@charset "UTF-8";

/* This file is contains the following sections:

- ez.css (http://www.ez-css.org/layouts)
- reset common tags
- choose default fonts
- choose link style
- add bottom line to table rows
- labels bold and occasionally centered
- make all input fields the same size
- add proper separation between h1-h6 and text
- always indent the first line and add space below paragraphs
- bullets and numbers style and indent
- form and table padding
- code blocks
- left and right padding to quoted text
- page layout alignment, width and padding (change this for spaces)
- column widths (change this to use left_sidebar and right_sidebar)
- background images and colors (change this for colors)
- menu style (for superfish.js)
- web2py specific (.flash, .error)

Notice:
- even if you use a different layout/css you may need classes .flash and .error
- this is all color neutral except for #09BDFF (header, links, lines)
- there are two backrgound images: images/background.png and images/header.png

License: This file is released under BSD and MIT

*/

/*********** layout info (ez.css) ***********/
/* 2009 -2010 (c) | ez-css.org
 * ez-plug-min.css :: version 1.1 :: 01182010
 */
.ez-wr:after,.ez-box:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ez-wr,.ez-box,.ez-last{display:inline-block;min-height:0}/* \*/ * html .ez-wr,* html .ez-box,* html .ez-last{height:1%}.ez-wr,.ez-box,.ez-last{display:block}/* */.ez-oh{overflow:hidden}* html .ez-oh{overflow:visible}.ez-oa{overflow:auto}.ez-dt{display:table}.ez-it{display:inline-table}.ez-tc{display:table-cell}.ez-ib{display:inline-block}.ez-fl{float:left}* html .ez-fl{margin-right:-3px}.ez-fr{float:right}* html .ez-fr{margin-left:-3px}.ez-25{width:25%}.ez-33{width:33.33%}.ez-50{width:50%}.ez-66{width:66.66%}.ez-75{width:75%}.ez-negmr{margin-right:-1px}* html .ez-negmr{margin-right:-4px}.ez-negmx{margin-right:-1px}.ez-negml{margin-left:-1px}* html .ez-negml{margin-left:-4px}


/*********** reset common tags ***********/
html,div,h1,h2,h3,h4,h5,h6p,ul,li,table,thead,tbody,tfoot,th,tr,td {
    border: 0; margin: 0; outline: 0; padding: 0;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit; 
    line-height: 1.2em;
    text-align: left; vertical-align: top; 
}

/*********** choose default fonts ***********/
body {
/*    font-family: Helvetica Narrow, sans-serif;*/
    font-family: "bitstream vera sans", "dejavu sans", "Myriad Pro", sans-serif, Tahoma, Arial;    
    font-size: 1em;
    text-align: center;
    margin-bottom:3%;
	margin-left:3%;
	margin-right:3%;
	margin-top:3%;
}

.auth_navbar { font-size: 0.9em;
}

h1 {
    font-family: "Myriad Pro", "Trebuchet MS", Arial;
    color:#74858e;
}

h2 {
	font-style: italic;
    color:#869aa4;
}

h3 {
    color:#869aa4;
}

#footer 			{ font-size: 0.8em; }
/*********** choose link style ***********/
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/*********** add bottom line to table rows ***********/
th, td {
    padding: 0.1em 0.5em 0.1em 0.5em;
    border-bottom: 0.1em solid #ddd;
}

/*********** labels bold and occasionally centered ***********/
label {
    white-space: nowrap;
}
label, b, th {
    font-weight: bold;
}
thead th {
    text-align: center;
}

/*********** make all input fields the same size ***********/
input[type=text], input[type=password], textarea {
    width: 33%px;  
}
select {
    min-width: 200px;
}

/*********** add proper separation between h1-h6 and text ***********/
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding: 0.275em 0 0.275em 0;
}

/*********** always indent the first line and add space below paragraphs ***********/
p {
    text-indent:7%;
    text-align: justify;
    padding-bottom: 0.275em;
}

/*********** bullets and numbers style and indent***********/
ul, ol {
   border-left: 30px transparent;
}
ul {
   padding-left: 35px;
   list-style-type: square;
}

/*********** forms and table padding ***********/
form, table {
   padding: 5px 10px 5px 10px;
}

/*********** code blocks ***********/
code {
   padding: 3px 5px;
   font-family: Andale Mono, monospace;
   font-size: 0.9em;
}

/*********** left and right padding to quoted text ***********/
blockquote {
   background: #cccccc;
   border-left: 30px transparent;
   border-right: 30px transparent;
   padding: 5px;
}


/*********** page layout alignment, width and padding ***********/

#layout {
   position: absolute; top: 20px; left: 20px;
   border: 1px;
   z-index: 1;
   width: 95%;
}

/*********** floats *********************************************/
.auth_navbar			{ float: right; }
#organizational-text-box{ float:left; }
#logo-text				{ float:right; }
#statusbar-container    { float: left; }
#statusbar              { float: left;}
#content-container 		{ float: left; }
#content                { float:left; }
#footer-container		{ float: left; }
#footer					{ float: left; }
/*********** padding *********************************************/

.auth_navbar 		{ padding: 3px 10px 3px 10px; }

#logo_text			{ padding-top:5px; }

#statusbar-container{ padding-left:4%; padding-top:1%; padding-right:2%; padding-bottom:2%;}

#content-container	{ padding-left:4%; padding-top:1%; padding-right:2%; padding-bottom:2%;}
#content-header		{ padding-left:.75%;  padding-top: .75%; padding-right:.5%; padding-bottom:.75%;}
#content-content	{ padding-left:.75%;  padding-top: .75%; padding-right:.5%; padding-bottom:.75%;}
#content-footer		{ padding-left:.75%;  padding-top: .75%; padding-right:.5%; padding-bottom:.75%;}

#footer-container	{ padding-left:4%; padding-right:2%; padding-top:3%; padding-bottom:3%;}
#footer-header		{ padding-left:.75%;  padding-top: .75%; padding-right:.5%; padding-bottom:.75%;}
#footer-content		{ padding-left:.75%;  padding-top: .5%; padding-right:.5%; padding-bottom:.75%;}
#footer-footer		{ padding-left:.75%;  padding-top: .5%; padding-right:.5%; padding-bottom:.75%;}

/*************** height and widths **************/

#header-foreground 		{ height:180px; width:96%; }
#header-background 		{ height:190px; width:100%; }

#logo					{ height:190px; width:100%; }

#logo_text				{ width:324px; }

#statusbar-container	{ width:94%; }
#statusbar 				{ width:97%; } 

#content-container 		{ width:94%; }
#content		 		{ width:97%; }
#content-content 		{ width:97%; }


#footer-container 		{ width:94%; }
#footer 				{ width:97%; }

/*********** column widths ***********/
/*
#left_sidebar { width: 0px; }
#right_sidebar { width: 0px; }
*/

/*********** background images and colors ***********/
body { background: url('theme/background.png') repeat-x #fffff; }
#header-background { background-image:url(theme/header-background.png);
    background-position:top left; }

#header-foreground {
    background-image:url(theme/people-trans.png);
    background-repeat:no-repeat;
    background-position:top right;
}

#logo {
    background-image:url(theme/logo-trans.png); 
    background-repeat:no-repeat;
    background-position:top left;   
}

#logo_text	{ color:#fff; }
a 			{ color: #539DDB; }


code { color: green; background: black; }
input:focus, textarea:focus { background: #ccffcc; }
#layout { background: white; }
#h1 { color: #74858E; }
#h2 { color: #869AA4; font-style: italic; font-size: 14px;}

/************* background colors *******************/
#header-container			{ background-color:transparent; }
#header-header				{ background-color:transparent; }
#header-content				{ background-color:#f3fbf2; }
#organizational-text-box	{ background-color:transparent; }
#header-footer   			{ background-color:#f3fbf2; }
#header-background 			{ background-color:transparent; }
#header-foreground 			{ background-color:transparent; } 
#logo 						{ background-color:transparent; }

#statusbar-container 		{ background-color:#f3fbf2; }
#statusbar					{ background-color:#d9ea46; }

#content-container 			{ background-color:#f3fbf2;}
#content					{ background-color:white; }

#footer-container			{ background-color:#f3fbf2; }
#footer						{ background-color:#d9ea46; }


/**************************** boarders ****************************/

#statusbar 	{	border-left				: .15em #d9ea46 solid;
				border-top				: .15em #d9ea46 solid;
				border-bottom			: .15em #176fc1 solid;
    			border-right			: .15em #176fc1 solid;
    			-moz-border-radius		: 8px;
    			-webkit-border-radius	: 8px; }


#content	{	border-left: 			2px #d9ea46 solid;
				border-top: 			2px #d9ea46 solid;	
				border-bottom: 			2px #176fc1 solid;
				border-right: 			2px #176fc1 solid;
				-moz-border-radius: 	8px;
				-webkit-border-radius: 	8px; }

#footer {		border-left: 			2px #d9ea46 solid;
				border-top: 			2px #d9ea46 solid;	
    			border-bottom: 			2px #176fc1 solid;
    			border-right: 			2px #176fc1 solid;
    			-moz-border-radius: 	8px;
    			-webkit-border-radius: 	8px; }

/*********** z indexes *******************/
#header-background 	{ z-index: 1; }
#logo 				{ z-index: 2; }
#header-foreground  { z-index: 3; }


/*********** menu style ***********/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:	0;
	padding: 0;
	list-style: none;
        text-decoration: none;
}
.sf-menu { line-height: 12px; }
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:	100%;
}
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 28px; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

.sf-menu {
	float:	left;
}
.sf-menu a {
	padding: 5px 15px;
}
.sf-menu li {
	background: #D9EA46;
}
.sf-menu li li {
        border-left: 10px solid #000;
        border-bottom: 2px solid #000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: #000000;
	outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right:	.75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*********** web2py specific ***********/
div.flash {
    position: absolute;
    float: right;
    padding: 10px;
    top: 0px;
    right: 0px;
    opacity: 0.75;
    margin: 10px 10px 10px 10px;
    text-align: center;
    clear: both;
    color: #fff;
    font-size: 11pt;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: black;
    border: 2px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 2;
}

div.error {
/*   -moz-border-radius: 5px;     */
/*    -webkit-border-radius: 5px; */
/*    border: 1px solid #666;     */
    background-color: red;
    color: white;
    padding: 3px;

}
